<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>云和租房 - 用户注册</TITLE>
    <META content="text/html; charset=utf-8" http-equiv=Content-Type><LINK
            rel=stylesheet type=text/css href="../css/style.css">
    <META name=GENERATOR content="MSHTML 8.00.7601.17514"></HEAD>

<link rel="stylesheet" type="text/css" href="css/verify.css">
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/verify.js" ></script>
<BODY>
<DIV id=header class=wrap>
    <DIV id=logo><IMG src="../images/logo.gif"></DIV></DIV>
<DIV id=regLogin class=wrap>
    <DIV class=dialog>
        <DL class=clearfix>
            <DT>新用户注册</DT>
            <DD class=past>填写个人信息</DD></DL>
        <DIV class=box>

            <FORM action=user_reg.action onsubmit="return checksub()" method="post">

                <DIV class=infos>
                    <TABLE class=field>
                        <TBODY>
                        <TR>
                            <TD class=field>用 户 名：</TD>
                            <TD><INPUT class=text type=text name=name required> </TD></TR>
                        <TR>
                            <TD class=field>密　　码：</TD>
                            <TD><INPUT class=text type=password name=password id="pwd1" required></TD></TR>
                        <TR>
                            <TD class=field>确认密码：</TD>
                            <TD><INPUT class=text type=password id="pwd2" required onkeyup="checkpwd()"> <span id="tishi" ></span> </TD></TR>
                        <TR>
                            <TD class=field>电　　话：</TD>
                            <TD><INPUT class=text type=text name=tel required> </TD></TR>
                        <TR>
                            <TD class=field>用户姓名：</TD>
                            <TD><INPUT class=text type=text name=username required> </TD></TR>
                        <tr>
                            <td colspan="2"><div id="mpanel4" style="margin-top:50px;">
                            </div></td>
                        </tr>
                        </TBODY></TABLE>
                    <DIV class=buttons>
                        <INPUT  value=立即注册 type="submit">
                    </DIV></DIV></FORM></DIV></DIV></DIV>
<DIV id=footer class=wrap>
    <DL>
        <DT>云和租房 © 2010 云和 京ICP证1000001号</DT>
        <DD>关于我们 · 联系方式 · 意见反馈 · 帮助中心</DD></DL></DIV></BODY></HTML>
<script type="text/javascript">
    var flag = false;

    function checksub() {
        if(checkpwd() && flag){
            return true;
        }else {
            return false;
        }
    }

    function checkpwd() {
        if ($("#pwd1").val()!=$("#pwd2").val()){
            $("#tishi").text("两次密码不一致,请确认密码").css("color","red");
            return false;
        } else{
            $("#tishi").text("密码可用").css("color","green");
            return true;
        }
    }


    $('#mpanel4').slideVerify({
        type : 2,		//类型
        vOffset : 5,	//误差量，根据需求自行调整
        vSpace : 5,	//间隔
        imgName : ['1.jpg', '2.jpg'],
        imgSize : {
            width: '400px',
            height: '200px',
        },
        blockSize : {
            width: '40px',
            height: '40px',
        },
        barSize : {
            width : '400px',
            height : '40px',
        },
        ready : function() {
        },
        success : function() {
            flag = true;
        },
        error : function() {
//		        	alert('验证失败！');
            flag = false;
        }

    });



</script>